<div class='mkt-page-holiday-gift-card'>

  <svg height='0' style='position: absolute' width='0'>
    <symbol id='svg-add-tiny' viewbox='0 0 8 8'>
      <path clip-rule='evenodd' d='M4.0005 0C3.44794 0 3 0.447939 3 1.0005V3H1C0.447715 3 0 3.44772 0 4V4C0 4.55228 0.447715 5 1 5H3V6.9995C3 7.55206 3.44794 8 4.0005 8V8C4.55306 8 5.001 7.55206 5.001 6.9995V5H7C7.55228 5 8 4.55228 8 4V4C8 3.44772 7.55228 3 7 3H5.001V1.0005C5.001 0.447939 4.55306 0 4.0005 0V0Z' fill-rule='evenodd'></path>
    </symbol>
    <symbol id='svg-minus-tiny' viewbox='0 0 8 2'>
      <rect height='2' rx='1' width='8'></rect>
    </symbol>
    <symbol id='svg-checkmark-tiny' viewbox='0 0 8 8'>
      <path d='M3.30913 8C3.0158 8 2.73358 7.88442 2.52358 7.67438L0.32583 5.47599C-0.10861 5.04257 -0.10861 4.34021 0.32583 3.90569C0.760269 3.47116 1.46248 3.47116 1.89692 3.90569L3.16913 5.17835L5.98574 0.462633C6.34352 -0.0341285 7.03573 -0.149706 7.53683 0.20814C8.03572 0.565985 8.14905 1.26056 7.79128 1.75843L4.21134 7.53769C4.01245 7.81663 3.68357 8 3.30913 8Z'></path>
    </symbol>
    <symbol id='svg-alert-tiny' viewbox='0 0 2 8'>
      <path clip-rule='evenodd' d='M0 4V1C0 0.354858 0.447754 0 1 0C1.55225 0 2 0.354858 2 1V4C2 4.64514 1.55225 5 1 5C0.447754 5 0 4.64514 0 4ZM2 7C2 7.55225 1.55225 8 1 8C0.447754 8 0 7.55225 0 7C0 6.44775 0.447754 6 1 6C1.55225 6 2 6.44775 2 7Z' fill-rule='evenodd'></path>
    </symbol>
  </svg>

  <section class='hero'>
    <div class='wrapper md-flex'>
      <div class='md-col-6 pb4'>
        <h1 class='h500 neutralsolid800 -font-extra-bold'>Tieto sviatky,</h1>
        <h2 class='h700 pb4 -font-extra-bold primary500'>darujte vašim vývojárom dar darovania.</h2>
        <h3 class='h300 pb4 neutralsolid800'>Ponúknite svojim vývojárom 👩🏾‍💻👨🏼‍💻 darčekovú kartu, ktorou môžu prispieť na projekty s otvoreným zdrojovým kódom, ktoré majú radi. ❤️</h3>
        <p class='pb4'>Vaši vývojári urobili tento rok úžasné veci. Bez podpory komunity open source by to všetko nedokázali. Práve tam sa učia, tam môžu opätovne používať nástroje, knižnice a moduly, aby nemuseli znovu vynaliezať koleso a mohli sa sústrediť na to, aby to, čo robia, vyhovovalo vašim konkrétnym potrebám.</p>
        <p class='pb1 -font-bold neutralsolid800'>Časté otázky</p>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Čo sa stane, ak sa darčekové karty nepoužijú?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption neutralsolid600'>Platba sa účtuje až po použití darčekových poukážok. Ak rozdáte darčekové karty v hodnote 50 USD desiatim svojim zamestnancom a využije ich len osem, bude vám účtovaných len 400 USD.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Dostanem faktúru?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Áno, od organizácie <a href='https://opencollective.com/opensource'>Open Source Collective 501c6</a> dostanete riadnu zlúčenú mesačnú faktúru.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Je stanovený dátum platnosti?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Štandardne platnosť darčekových poukážok vyprší po 3 mesiacoch, ale môžete si stanoviť vlastný dátum vypršania platnosti. Ak sa dovtedy nepoužijú, stratia platnosť. Ak neboli použité, nikdy vám nebudú účtované.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Dostal som darčekovú kartu, musím ju minúť celú naraz?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Nie, darčekovú kartu môžete použiť na darovanie akejkoľvek sumy akémukoľvek kolektívu, pokiaľ máte na karte dostatočný zostatok.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Kto sa objaví ako podporovateľ? Moja spoločnosť alebo môj zamestnanec?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Oboje! Osoba, ktorej odovzdali darčekovú kartu, si sama vyberá kolektívy, ktoré chce podporiť. Pri darovaní však bude uvedené, že použili darčekovú kartu darovanú vašou spoločnosťou, a vaša spoločnosť sa tiež zobrazí ako sponzor kolektívu. Pozrite si napríklad <a href='https://opencollective.com/triplebyte'>Triplebyte</a>, ktorý sa prejavuje ako sponzor <a href='https://opencollective.com/electron'>Electron</a>.</p>
        </details>
      </div>
      <div class='md-col-6 form-col'>
        <div class='form-wrapper'>
        <div>
          <div class='gift-card-wrapper'>
            <div class='gift-card'>
              <div class='gift-card-text'>
                <p class='white100'>Vytvorte si organizáciu a začnite vydávať darčekové karty!</p>
              </div>
              <svg class='gift-card-svg' height='81px' preserveAspectRatio='xMidYMax meet' viewbox='0 0 288 81' width='100%'>
                <g fill-rule='evenodd' fill='none' stroke-width='1' stroke='none'>
                <path d='M288,12.4570165 L288,81.0000165 L0,81.0000165 L0,56.2650165 C177.12,69.4070165 120.24,-3.60588353 288,12.4570165 Z' fill='#FFFFFF'></path>
                <path d='M0,53.9550165 C135.72,56.2140165 109.8,-25.8974835 288,8.37871647 C288,9.13201647 288,11.4933165 288,13.0000165 C123,-4.49998353 177.12,69.7740165 0,56.2140165 C0,12.5219165 0,55.8380165 0,53.9550165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.4'></path>
                <path d='M0,11.5714165 C106.2,11.5714165 161.64,51.8360165 288,35.2790165 C288,30.7630165 288,54.8470165 288,57.8570165 C280.44,57.8570165 32.4,57.8570165 0,57.8570165 C0,14.2056165 0,13.4529165 0,11.5714165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.24'></path>
                </g>
              </svg>
            </div>
          </div>
          <div class='sm-flex create-org-btn-container'>
            <a href="https://opencollective.com/organizations/new">
              <button class='btn -large -primary w100'>Vytvoriť Organizáciu</button>
            </a>
          </div>
        </div>
        </div>
      </div>
    </div>
  </section>

</div>
